@charset "utf-8";
/*
 *  描述: 基本样式
 *  作者：Hanyue
 *  时间：2020-06-24
 */
*{box-sizing:border-box;}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { 
  margin: 0; 
  padding: 0; 
  box-sizing: border-box;
} 
ol, ul, li {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
address, caption, cite, code, dfn, em, strong, th, var, optgroup { 
  font-style: normal; 
  font-weight: normal;
}
fieldset, img { 
  border:0;
}
textarea { 
  resize: none;
}

[v-cloak] {
  display: none
}

body::-webkit-scrollbar {
  display: none
}
 
/* custom */
a {
  color: #7e8c8d;
  text-decoration: none;
  -webkit-backface-visibility: hidden;
}
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
::-webkit-scrollbar-track-piece {
  background-color: rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 6px;
}
::-webkit-scrollbar-thumb:vertical {
  height: 5px;
  background-color: rgba(125, 125, 125, 0.7);
  -webkit-border-radius: 6px;
}
::-webkit-scrollbar-thumb:horizontal {
  width: 5px;
  background-color: rgba(125, 125, 125, 0.7);
  -webkit-border-radius: 6px;
}
html, body {
  font-family: "Arial", "Microsoft YaHei", "黑体", "宋体", "微软雅黑", sans-serif;
}
body {
  height: 100%; 
  width: 100%;
  line-height: 22px;
  font-size: 12px;
  overflow: hidden;
  -webkit-text-size-adjust: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
// html {
//   overflow-y: scroll;
// }
[v-cloak]{
  display: none;
}
 
/*清除浮动*/
.clearfix:before,
.clearfix:after {
  content: " ";
  display: inline-block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix {
  *zoom: 1;
}
 
/*隐藏*/
.dn {
  display: none;
}
.H100{
  height:100%;
}
.floatL{
  float:left
}
.floatR{
  float:right;
}
.row{
  padding:0 -20px;
}
.w30{
  width:30%;
  padding:0 10px;
}
.w70{
  width:70%;
  padding:0 10px;
}
.pd10{
  padding:10px;
  width:100%;
  height:100%;
  overflow: hidden;
}
.blue{
  color:#657fce;
}
.txt-c{
  text-align: center;
}
.font-1rem{
  font-size: 1rem;
}
.ptb20{
  padding:20px 0
}
.gray-bg{
  background:#f4f9fb;
}
.con-wrapper{
  background:#fff;
  border-radius:6px;
  width:100%;
  height:100%;
  padding:10px;
  overflow: auto;
  position:relative;
}

.el-button--primary {
  color: #FFF;
  background-color: #01bd8f!important;
  border-color: #01bd8f!important;
}
.el-button:focus, .el-button:hover {
  color: #01bd8f!important;
  border-color: #6bd6bb!important;
  background-color: #f6fffd!important;
}
.el-button--primary:focus, el-button--primary:hover {
  background-color: #0dca9b!important;
  border-color: #0dca9b!important;
  color: #FFF!important;
}



.isMobile{
  .center-wrap{
    .blue{
      display: block;
    }
    .pd10{
      padding:10px 0;
      height: auto;
    }
    .floatL, .floatR{
        float: none;
    }
    .w70, .w30{
        width:100%;
        padding:0;
    }
    .con-wrapper{
      height: auto;
      border-radius:0;
    }

} 
}


